.font-base-menu {
  background-color: var(--color-bg-1);
  box-shadow: 0 0 4px var(--color-border-2);
  color: var(--color-text-1);
  padding: 10px;
  position: absolute;
  width: 360px;

  .menu-line {
    align-items: center;
    display: flex;
    margin: 5px 0;

    .label {
      flex-shrink: 0;
      margin: 3px;
    }

    > div {
      align-items: center;
      display: flex;
    }
  }

  .reset-default {
    justify-content: end;
  }

  .font-base-picker {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;

    .picker-item {
      border: 1px solid var(--color-border-2);
      cursor: pointer;
      height: 20px;
      margin: 5px;
      width: 20px;
    }
  }
}
